<template>
    <div>
        <div class="header">
          <div class="search">
              <input type="text" name="" id="" placeholder="面保证金用电脑">
          </div>
        </div>
        <ClassifyList/>
    </div>
</template>

<script>
    import ClassifyList from '../components/ClassifyList.vue'
    export default {
        components: {
            ClassifyList,
        },
    }
</script>

<style lang="scss" scoped>
.header{
    width: 100%;
    position: fixed;
    height:70px;
    z-index: 1000;
    top: 0;
    left: 0;
    border-bottom: 1px solid #f4f5f7;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    .search{
        width: 85%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        input{
            width: 100%;
            height: 32px;
            line-height: 32px;
            padding: 10px 10px;
            // line-height: .8rem;
            border: 1px solid transparent;
            box-sizing: border-box;
            border-radius: 12px;
            outline: none;
            background: #f1f1f1;
            -webkit-appearance: none;
        }
    }
}

</style>